import { defineConfig, loadEnv } from 'vite'
import createVitePlugins from './vite/plugins'
import path from 'path'
function _resolve(dir: string) {
  return path.resolve(__dirname, dir)
}

// @ts-ignore
export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd())
  const { VITE_APP_ENV, VITE_APP_BASE_API, VITE_APP_URL } = env
  return {
    plugins: createVitePlugins(env, command === 'build'),
    // 部署生产环境和开发环境下的URL。
    // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
    // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://
    base: VITE_APP_ENV === 'production' ? '/' : '/',
    server: {
      port: 80,
      host: true,
      open: true,
      proxy: {
        // https://cn.vitejs.dev/config/#server-proxy
        [VITE_APP_BASE_API]: {
          target: VITE_APP_URL,
          changeOrigin: true,
          rewrite: p => p.replace(new RegExp(`^${VITE_APP_BASE_API}`), ''),
          ws: true
        }
      }
    },
    resolve: {
      alias: {
        // 设置路径
        '~': _resolve('./'),
        // 设置别名
        '@': _resolve('src')
      },
      // 忽略后缀名的配置选项, 添加 .vue 选项时要记得原本默认忽略的选项也要手动写入:['.mjs','.js','.ts','.jsx','.tsx','.json','.vue']
      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
    },
    build: {
      rollupOptions: {
        output: {
          // assetFileNames: '[name]-[hash].[ext]', // 文件名处理
          manualChunks(id) {
            if (id.includes('element-plus/theme')) {
              return 'ele'
            }
            // 将 node_modules 中的代码单独打包成一个 JS 文件
            // if (id.includes('node_modules')) {
            //   return 'vendor'
            // }
          }
        }
        // external: ['echarts', 'echarts/theme/macarons.js']
      }
      // assetsInlineLimit: '1024', // 大于1024kb资源，打包成base64，
      // outDir: 'dist',
      // assetsDir: 'static',
      // minify: false
    }
  }
})
